<!DOCTYPE html><html><head><meta charset="utf-8"><meta content="webkit" name="renderer"/><meta http-equiv="X-UA-Compatible"
content="IE=edge"><meta name="keywords" content="PoweredByJeeSiteV4.0"/><meta http-equiv="Cache-Control"
content="no-cache, no-store, must-revalidate"/><meta name="description" content="PoweredByJeeSiteV4.0"/><meta
content="no-cache" http-equiv="Pragma"/><meta http-equiv="Expires" content="0"/><meta
content="width=device-width, initial-scale=1, user-scalable=1" name="viewport"/>
<title>书籍管理 - Tamguo OMS</title>
<script th:src="${setting.domain + 'global.min.js'}"></script>
<script th:src="${setting.domain + 'jquery/jquery-1.12.4.min.js'}"></script>
<script th:src="${setting.domain + 'jquery/jquery-migrate-1.4.1.min.js'}"></script>
<!--[if lt IE 9]><script src="/js/static/common/h5fix.min.js"></script><![endif]-->
<link rel="stylesheet" th:href="${setting.domain + 'fonts/font-icons.min.css'}">
<link rel="stylesheet" th:href="${setting.domain + 'bootstrap/css/bootstrap.min.css'}">
<link rel="stylesheet" th:href="${setting.domain + 'select2/4.0/select2.css'}">
<link rel="stylesheet" th:href="${setting.domain + 'icheck/1.0/minimal/grey.css'}">
<link rel="stylesheet" th:href="${setting.domain + 'jqGrid/4.7/css/ui.jqgrid.css'}">
<link rel="stylesheet" th:href="${setting.domain + 'adminlte/css/AdminLTE.min.css'}">
<link rel="stylesheet" th:href="${setting.domain + 'common/jeesite.css'}">
<link rel="stylesheet" th:href="${setting.domain + 'common/common.css'}">
</head><body class="hold-transition ">
<div class="wrapper"><div class="main-content">
	<div class="box box-main">
		<div class="box-header">
			<div class="box-title">
				<i class="fa icon-user"></i> 书籍管理
			</div>
			<div class="box-tools pull-right">
				<a href="#" class="btn btn-default" id="btnSearch" title="查询"><i class="fa fa-filter"></i> 查询</a>
					<a href="tiku/knowpoint/add" class="btn btn-default btnTool" title="新增书籍"><i class="fa fa-plus"></i> 新增</a>
				<div class="btn-group">
					<a href="javascript:" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
						<i class="fa fa-navicon"></i> <span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
						<li><a href="javascript:" id="btnExport"><i class="glyphicon glyphicon-export"></i> 导出</a></li>
						<li><a href="javascript:" id="btnImport"><i class="glyphicon glyphicon-import"></i> 导入</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="box-body">
			<form id="searchForm" th:action="${setting.domain + 'tiku/knowpoint/listData'}" method="post" class="form-inline " data-page-no="1" data-page-size="10" data-order-by="">
				<div class="form-group">
					<label class="control-label">书籍编号：</label>
					<div class="control-inline">
						<input type="text" id="id" name="id" value="" maxlength="100" class="form-control width-90"/>
					</div>
				</div>
				<div class="form-group">
					<label class="control-label">书籍名称：</label>
					<div class="control-inline">
						<input type="text" id="name" name="name" value="" maxlength="100" class="form-control width-90"/>
					</div>
				</div>
				<div class="form-group">
					<label class="control-label">出版社：</label>
					<div class="control-inline">
						<input type="text" id="publishingHouse" name="publishingHouse" value="" maxlength="100" class="form-control width-90"/>
					</div>
				</div>
				<div class="form-group">
					<label class="control-label">科目：</label>
					<div class="control-inline width-90">
					<div class="input-group treeselect" id="officeDiv" data-url="tiku/course/treeData?">
						<input id="courseId" type="hidden" name="courseId" value="" class="isReset"/>
						<input id="courseName" type="text" name="courseName" value=""
							class="form-control  " readonly="readonly"
						/><span class="input-group-btn"><a id="officeButton" href="javascript:"
							class="btn btn-default btn-sm"><i class="fa fa-search"></i></a>
						</span>
					</div>
					<script>
					$("#officeButton,#courseName").click(function(){
						if ($("#officeButton").hasClass("disabled")){
							return true;
						}
						var options = {
							type: 2,
							maxmin: true,
							shadeClose: true,
							title: '机构选择',
							area: ['300px', '400px'],
							content: 'sys/treeselect',
							contentFormData: {
								url: $('#officeDiv').attr('data-url'),
								checkbox: 'false',
								expandLevel: '-1',
								selectCodes: $("#courseId").val(),
								isReturnValue: 'false'
							},
							success: function(layero, index){
								if ($(js.layer.window).width() < 300
									|| $(js.layer.window).height() < 400){
									js.layer.full(index);
								}
							},
							btn: ['<i class="fa fa-check"></i> 确定'],
							btn1: function(index, layero){
								var win = js.layer.iframeWindow(index);
								win.$('#keyword').val('').change(); 			var codes = [], names = [], nodes;
								if ("false" == "true"){
									nodes = win.tree.getCheckedNodes(true);
								}else{
									nodes = win.tree.getSelectedNodes();
								}
								for(var i=0; i<nodes.length; i++) {
									var code = nodes[i]['false'=='true'?'value':'id'], name = nodes[i]['name'];
									codes.push(code.replace(/^u_/g,''));
									names.push(name.replace(/\([0-9]*\)/g,''));
									break;
								}
								if(typeof treeselectCheck == 'function'){
									if (!treeselectCheck('office', nodes)){
										return false;
									}
								}
								$("#courseId").val(codes.join(',')).change();
								$("#courseName").val(names.join(',')).change();
								try { $('#courseId,#courseName').valid(); }catch(e){}
								if(typeof treeselectCallback == 'function'){
									treeselectCallback('office', 'ok', index, layero, nodes);
								}
							}
						};
						options.btn.push('<i class="fa fa-eraser"></i> 清除');
						options['btn'+options.btn.length] = function(index, layero){
							$("#courseId").val('').change();
							$("#courseName").val('').change();
							if(typeof treeselectCallback == 'function'){
								treeselectCallback('office', 'clear', index, layero);
							}
						};
						options.btn.push('<i class="fa fa-close"></i> 关闭');
						options['btn'+options.btn.length] = function(index, layero){
							if(typeof treeselectCallback == 'function'){
								treeselectCallback('office', 'cancel', index, layero);
							}
						};
						js.layer.open(options);
					});
					</script>					
					</div>
				</div>

				<div class="form-group">
					<button type="submit" class="btn btn-primary btn-sm">查询</button>
					<button type="reset" class="btn btn-default btn-sm">重置</button>
				</div>
</form>
			<table id="dataGrid"></table>
			<div id="dataGridPage"></div>
		</div>
	</div>
</div>
</div>

<a id="scroll-up" href="#" class="btn btn-sm"><i class="fa fa-angle-double-up"></i></a>
<script th:src="${setting.domain + 'bootstrap/js/bootstrap.min.js'}"></script>
<script th:src="${setting.domain + 'select2/4.0/select2.js'}"></script>
<script th:src="${setting.domain + 'select2/4.0/i18n/zh_CN.js'}"></script>
<script th:src="${setting.domain + 'layer/3.1/layer.js'}"></script>
<script th:src="${setting.domain + 'my97/WdatePicker.js'}"></script>
<script th:src="${setting.domain + 'jqGrid/4.7/js/jquery.jqGrid.js'}"></script>
<script th:src="${setting.domain + 'jqGrid/4.7/js/jquery.jqGrid.extend.js'}"></script>
<script th:src="${setting.domain + 'jqGrid/4.7/js/i18n/zh_CN.js'}"></script>
<script th:src="${setting.domain + 'common/jeesite.js'}"></script>
<script th:src="${setting.domain + 'common/i18n/jeesite_zh_CN.js'}"></script>
<script th:src="${setting.domain + 'common/common.js'}"></script>
<script>
// 初始化DataGrid对象
$('#dataGrid').dataGrid({
	searchForm: $("#searchForm"),
	columnModel: [
		{header:'书籍编号', name:'id', index:'u.id', width:300, align:"center", frozen:true, formatter: function(val, obj, row, act){
			return '<a href="tiku/knowpoint/update?id='+row.id+'&op=edit" class="btnList" data-title="编辑书籍">'+(val||row.id)+'</a>';
		}},
		{header:'分类', name:'subjectName', index:'u.courseName', width:100, align:"center"},
		{header:'科目', name:'courseName', index:'u.courseName', width:100, align:"center"},
		{header:'书籍名称', name:'name', index:'u.user_name', width:400, align:"center"},
		{header:'出版社', name:'publishingHouse', index:'u.ref_name', width:200, align:"center"},
		{header:'更新时间', name:'updateDate', index:'u.update_date', width:200, align:"center"},
		{header:'状态', name:'status', index:'b.status', width:80, align:"center", formatter: function(val, obj, row, act){
			if(val == "normal"){
				return '正常';
			}else if(val == "disabled"){
				return '<span style="color:red;">停用</span>';
			}else{
				return '<span style="color:red;">未知</span>';
			}
		}},
		{header:'操作', name:'actions', width:160, sortable:false, title:false, formatter: function(val, obj, row, act){
			var actions = [];
				actions.push('<a href="tiku/knowpoint/update?id='+row.id+'&op=edit" class="btnList" title="编辑书籍"><i class="fa fa-pencil"></i></a>&nbsp;');
				if (row.status == "normal"){
					actions.push('<a href="'+ctx+'tiku/knowpoint/disabled?id='+row.id+'" class="btnList" title="停用书籍" data-confirm="确认要停用该书籍吗？"><i class="glyphicon glyphicon-ban-circle"></i></a>&nbsp;');
				}
				if (row.status == "disabled"){
					actions.push('<a href="'+ctx+'tiku/knowpoint/enable?id='+row.id+'" class="btnList" title="启用书籍" data-confirm="确认要启用该书籍吗？"><i class="glyphicon glyphicon-ok-circle"></i></a>&nbsp;');
				}
				actions.push('<a href="'+ctx+'tiku/knowpoint/delete?id='+row.id+'" class="btnList" title="删除书籍" data-confirm="确认要删除该书籍吗？"><i class="fa fa-trash-o"></i></a>&nbsp;');
			return actions.join('');
		}}
	],
	// 加载成功后执行事件
	ajaxSuccess: function(data){
		
	}
});
$('#btnExport').click(function(){
	js.ajaxSubmitForm($('#searchForm'), {
		url:'/js/a/sys/empUser/exportData',
		downloadFile:true
	});
});
$('#btnImport').click(function(){
	js.layer.open({
		type: 1,
		area: ['400px'],
		title: '导入用户数据',
		resize: false,
		scrollbar: true,
		content: js.template('importTpl'),
		success: function(layero, index){
			layero.find('input[type="checkbox"]').iCheck();
		},
		btn: ['<i class="fa fa-check"></i> 导入',
			'<i class="fa fa-remove"></i> 取消'],
		btn1: function(index, layero){
			var form = {
				inputForm: layero.find('#inputForm'),
				file: layero.find('#file').val()
			};
		    if (form.file == '' || (!js.endWith(form.file, '.xls') && !js.endWith(form.file, '.xlsx'))){
		    	js.showMessage("文件不正确，请选择后缀为 “xls”或“xlsx”的文件。", null, 'warning');
		        return false;
		    }
			js.ajaxSubmitForm(form.inputForm, function(data){
				js.showMessage(data.message);
				if(data.result == Global.TRUE){
					js.layer.closeAll();
				}
				page();
			}, "json");
			return true;
		}
	});
});
</script>
<script id="importTpl" type="text/template">
//<!--
<form id="inputForm" action="/js/a/sys/empUser/importData" method="post" enctype="multipart/form-data"
	class="form-horizontal mt20 mb10" style="overflow:auto;max-height:200px;">
	<div class="row">
		<div class="col-xs-12 col-xs-offset-1">
			<input type="file" id="file" name="file" class="form-file"/>
			<div class="mt10 pt5">

<span id="updateSupport" class="icheck" class="form-control" title="如果用户编码已经存在，更新这条数据。">
<label><input type="checkbox" id="updateSupport1" name="updateSupport"
			value="1" class="form-control" title="如果用户编码已经存在，更新这条数据。"> 否更新已经存在的用户数据</label><input type="hidden" name="!updateSupport" value="0"/></span>
 &nbsp;				<a href="/js/a/sys/empUser/importTemplate" class="btn btn-default btn-xs"><i class="fa fa-file-excel-o"></i> 下载模板</a>
			</div>
			<font color="red" class="pull-left mt10">
				提示：仅允许导入“xls”或“xlsx”格式文件！
			</font>
		</div>
	</div>
</form>
//-->
</script>